<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>ALLADYN Project homepage</title>
<link rel="stylesheet" href="../al.css" type="text/css">
<script src="../js/Alladyn.js" type="text/javascript"></script>
<style type="text/css">
<!--
	div { position: absolute; font-family: "Trebuchet MS", "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 13px; line-height: 20px; color:#DDDDFF; }
	#rect { background-color: #FF0000; layer-background-color: #FF0000; width: 100px; height: 100px; top: 15px; left: 470px; zIndex: 1; }
	#tekst { width: 450px; z-Index: 2; border-width: 1px; border-style: solid; border-color: #DDDDFF; padding: 10px; top: 45px; position: absolute; }
	#head { position: absolute; top: 10px; }
//-->
</style>
</head>

<body background="../img/bg.gif" onload="Alladyn()">
<div id="head"><a href="http://alladyn.art.pl"><img src="../img/docs_exhead_eng.gif" width="450" height="35" alt="" border="0"></a></div>
<div id="rect"><img src="../img/empty.gif" width="100" height="100" alt="" border="0"></div>
<div id="tekst">
<span class="b">Example 4.1</span><br />
Changing the layer parameters with <span class="b">vlay</span>:
<ul>
<li><a href="javascript:vlay.rect.vpos(0,0)">Position change to (0,0)</a><br />vlay.rect.vpos(0,0)
<li><a href="javascript:vlay.rect.vpos(400,100)">Position change to (400,100)</a><br />vlay.rect.vpos(400,100)
<li><a href="javascript:vlay.rect.vpos(100,400)">Position change to (100,400)</a><br />vlay.rect.vpos(100,400)
<li><a href="javascript:vlay.rect.vpos(100,100)">Position change to (100,100)</a><br />vlay.rect.vpos(100,100)
<li><a href="javascript:void(0)" onClick="vlay.rect.style.zIndex=3">Bring rectangle to top</a><br />vlay.rect.style.zIndex=3
<li><a href="javascript:void(0)" onClick="vlay.rect.style.zIndex=0">Send rectangle to bottom</a><br />vlay.rect.style.zIndex=0
</ul>
<a href="javascript:history.back()">Back</a>
</div>
</body>
</html>